@import "../common/vars.scss";
@import "../mixins/mixins.scss";
@include create(breadcrumb){
    line-height: 1;
    font-size: $font-size-base;
    @include m(item){
        float: left;
        &:last-child{
            .aiui-breadcrumb-title,
            a.aiui-breadcrumb-title {
                &, &:hover {
                    font-weight: normal;
                    color: $color-text-regular;
                    cursor: text;
                }
            }
            .aiui-breadcrumb-separator{
                display: none;
            }
        }
        a.aiui-breadcrumb-title{
            font-weight: bold;
            text-decoration: none;
            transition: $color-transition-base;
            color: $color-text-primary;
            &:hover {
                color: $color-primary;
                cursor: pointer;
            }
        }
    }
    @include m(separator){
        margin: 0 9px;
        font-weight: 700;
        color: #c0c4cc;
    }
    @include m(title){
        color: $color-text-regular;
    }
}